<template>
    <div class="default-table-detail-container">
        <BaseTableInfo v-model="baseTableInfoModel" />
    </div>
</template>

<script lang="ts" setup>

import StoreInfoInspectionRecordsApi from '/@/api//StoreInfoInspectionRecordsApi.ts';

const props = defineProps({
    modelValue: {

    }
})
const route = useRouter()

const baseTableInfoModel = ref({
    columnCount: 2,
    autoFit: false,
    columnWidth: '300px',
    labelWidth: '100px',
    title: '基本信息',
    modelData: {},
    itemList: [
        {
            title: '',
            items: [   //渲染样式区域  通过key ===model 中的值


                {
                    label: "供应商名称",
                    field: "supplierName",

                },
                {
                    label: "供应商营业执照统一社会信用代码",
                    field: "creditCode",

                },
                {
                    label: "供应商类型",
                    field: "supplierType",

                },
                {
                    label: "仓库类型",
                    field: "storeType",

                },
                {
                    label: "物料编号",
                    field: "materialCode",

                },
                {
                    label: "物料大类",
                    field: "largeCategory",

                },
                {
                    label: "物料亚类",
                    field: "middleCategory",

                },
                {
                    label: "物料细类",
                    field: "smallCategory",

                },
                {
                    label: "物料名称",
                    field: "materialName",

                },
                {
                    label: "物料规格",
                    field: "materialSpc",

                },
                {
                    label: "物料生产日期",
                    field: "produceDate",

                    fieldFormat: "date"
                },
                {
                    label: "物料保质期",
                    field: "warrantyPeriod",

                    fieldFormat: "date"
                },
                {
                    label: "入库日期",
                    field: "enterDate",

                    fieldFormat: "date"
                },
                {
                    label: "入库数量",
                    field: "num",

                },
                {
                    label: "入库单位",
                    field: "numUnit",

                },
                {
                    label: "查验营业执照",
                    field: "isBusinessLicense",

                    // noExported: true,
                },

                {
                    label: "查验食品经营许可证",
                    field: "isOperationLicense",

                },
                // {
                //   label: "物料编码",
                //   field: "materialCode",
                //   
                // },



                // {
                //   label: "生产日期",
                //   field: "produceDate",
                //   
                //   fieldFormat: 'date'
                // },
                // {
                //   label: "质保期",
                //   field: "warrantyPeriod",
                //   
                // },
                //  {
                //   label: "供应商ID",
                //   field: "supplierId",
                //   width:150,
                //     },
                {
                    label: "查验食品生产许可证",
                    field: "isProductLicense",

                    // fieldFormat: 'tag'
                },
                {
                    label: "查验购货凭证",
                    field: "isVoucher",

                    // fieldFormat: 'tag'
                },
                {
                    label: "查验动物检疫合格证明",
                    field: "isQuarantine",

                    // fieldFormat: 'tag'
                },
                {
                    label: "查验肉品品质检验合格证",
                    field: "isQualityCertificate",

                    // fieldFormat: 'tag'
                },
                {
                    label: "查验该批产品检测报告（出厂检验报告）",
                    field: "isQualityReport",

                    // fieldFormat: 'tag'
                },
                {
                    label: "查验该批产品检测报告（农兽残检测报告）",
                    field: "isQualityReport2",

                    // fieldFormat: 'tag'
                },
                {
                    label: "查验合格证",
                    field: "isPass",

                    // fieldFormat: 'tag'
                },
                {
                    label: "查验外观",
                    field: "isAppearance",

                    // fieldFormat: 'tag'
                },
                {
                    label: "查验温度",
                    field: "isTemperature",

                    // fieldFormat: 'tag'
                },
                //  {
                //   label: "所属公司ID",
                //   field: "companyId",
                //   width:150,
                //     },
                // {
                //   label: "样品名称",
                //   field: "sampleName",
                //   
                //   noExported: true,
                // },
                // {
                //   label: "样品批次",
                //   field: "sampleBatch",
                //   
                //   noExported: true,
                // },
                // {
                //   label: "报告日期",
                //   field: "sampleDate",
                //   
                //   noExported: true,
                // },
                // {
                //   label: "报告链接",
                //   field: "reportUrl",
                //   
                //   // noExported: true,
                //   fieldFormat: "file"
                // },
                {
                    label: "创建时间",
                    field: "create_time",
                },
                {
                    label: "更新时间",
                    field: "update_time",
                },
            ]
        }
    ],
    buttons: [   //标题操作区域
        // {
        //   name: "更多",
        //  buttonClass: 'danger',
        // width: 100,
        // click: (any: object) => {   //暴露的方法钩子
        // $baseMessage("这里执行业务", 'success', 'vab-hey-message-success');
        //},
        //},


    ]
})

onMounted(async () => {
    //初始化数据model
    const { data } = await StoreInfoInspectionRecordsApi.getDetail({
        storeInfoInspectionRecordsId: props.modelValue.query.storeInfoInspectionRecordsId   //从路由中获取参数
    })
    baseTableInfoModel.value.modelData = data;





})
</script>

<style lang="scss" scoped>
.default-table-detail-container {
    :deep() {
        .el-form--inline {
            .el-form-item {
                margin-right: 10px;
            }
        }

        .el-descriptions__label {
            min-width: 80px !important;
            text-align: right;
        }
    }
}
</style>
